/* CSS Document */
*{ margin:0; padding:0; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; font-family:Microsoft YaHei;}

.loading-layer-box{ position:fixed; width:200px; height:200px; overflow:hidden; border:5px solid #fafafa; border-radius:50%; background:#fff; left:50%; top:50%; margin-left:-100px; margin-top:-100px;}
.loading-layer-box p{ text-align:center; line-height:200px; font-size:14px; color:#666;}
.loading-layer-box .load-box{ border:5px solid #e6e6e6; border-radius:50%; position:absolute; left:8px; top:8px; right:8px; bottom:8px; border-left-color:#60dfdf; -webkit-animation:myFrames 1s infinite linear; animation:myFrames 1s infinite linear;}
@-webkit-keyframes myFrames {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes myFrames {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*404*/
.error-404{ text-align:center; position:fixed; left:0; top:0; width:100%; height:100%; background:#8ea5b7; min-width:320px; max-width:640px;}
.error-404 table,.error-404 table > td{ border-collapse:collapse; width:100%; height:100%;}
.error-404 div{ padding:100px 0;}
.error-404 p{ font-size:30px; color:#fff;}


@media only screen and (max-width:481px) {
.error-404 div{ padding:75px 0;}
.error-404 p{ font-size:24px;}
}

@media only screen and (max-width:385px) {
.error-404 div{ padding:50px 0;}
.error-404 p{ font-size:18px;}
}

